/**
 * LogiCSS - Logic CSS framework
 * http://logicss.googlecode.com
 * http://logicoder.com/logicss/
 *
 * Applies basic typography styles to forms inside content containers.
 *
 * Copyright (c) 2007 Marco Del Tongo et al.
 * Licensed under the MIT license.
 *
 * $Rev: 23 $
 * $Author: logicoder $
 * $HeadURL: http://logicss.googlecode.com/svn/tags/2007/logicss/form/basic.css $
 */

/* -------------------------------------------------------------------------- */

/*
    Only forms inside content containers gets typography applied.
*/
.content legend
{
    *margin-left:   -7px;
}
.content form
{
    overflow:       hidden;
}
.content form li
{
    clear:          both;
    float:          left;
    width:          100%;
}
.content label
{
    float:          left;
    font-weight:    bold;
    width:          12em;
}
.content form li span, .content form li ul, .content form li ol
{
    float:          left;
    padding:        0;
}
.content li li label, .content form li span label
{
    clear:          none;
    width:          6em;
}
.content input
{
    float:          left;
    padding:        1px;
}
.content input, .content textarea, .content select
{
    font-size:      .875em;
    font-family:    Arial, sans-serif;
}
.content input[type='text'], .content input[type='password'],
.content textarea, .content select
{
    background:     #fafafa;
    border:         1px solid #babdb6;
}
.content input[type='text']:hover, .content input[type='password']:hover,
.content textarea:hover, .content select:hover
{
    border-color:   #d3d7cf;
}
.content input[type='text']:focus, .content input[type='password']:focus,
.content textarea:focus, .content select:focus
{
    background:     #fff;
    border-color:   #555753;
}
.content .textarea
{
    height:         4.5em;
    padding-bottom: 0;
}
.content .buttons li
{
    height:         1.5em;
    padding:        .7em 0 .8em 13em;
}

/* -------------------------------------------------------------------------- */
